.pxToRem(@p,@px){
    @{p}: @px / 108 * 1rem;
}
@wid:;
#head{
    position:fixed;
    left: 0;
    top: 0;
    width: 100%;
    .pxToRem(height,155);
    background: #ff893d;
    display: flex;
    justify-content:center;
    align-items: center;
    z-index: 9;
    a{
        text-decoration: none;
    }
    .h3-left{
        .pxToRem(width,225);
        height: 100%;
        display: flex;
        justify-content:center;
        align-items: center;
        color: #fff;
        .pxToRem(font-size,35);
    }
    .h3-center{
        flex:1;
        text-align: center;
        background: #ff8a39;
        .pxToRem(font-size,50);
        color: #fff;
        .pxToRem(letter-spacing,15);
    }
    .h3-right{
        .pxToRem(width,145);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content:center;
        .pxToRem(font-size,100);
        color: #fff;
    }
}
.x_t{
    width: 100%;
    position:fixed;
    .pxToRem(top,155);
    left: 0;
    background: #fff;
    .pxToRem(height,120);
    z-index: 9;
    ul{
        width: 100%;
        .pxToRem(height,120);
        display: flex;
        justify-content: center;
        align-items: center;
        li{
            width: 50%;
            text-align: center;
            color: #2c2823;
            box-sizing: border-box;
            .pxToRem(height,120);
            .pxToRem(line-height,120);
            .pxToRem(font-size,53);
        }
        .ul_li{
            color: #ff731d;
            border-bottom: 9px solid #ff731d;
        }
    }
}
#main{
    width: 100%;
    .pxToRem(margin-top,275);
    .pxToRem(margin-bottom,125);
    background: #f3f3f3;

    .swiper-container {
        width: 100%;
        height: 100%;
        
    }

    .sousuo{
        width: 100%;
        .pxToRem(height,140);
        background: #ededed;
        display: flex;
        justify-content: center;
        align-items: center;
        input{
            width: 87.5%;
            .pxToRem(height,90);
            border: none;
            .pxToRem(border-radius,10);
            color: #b3b3b3;
            .pxToRem(font-size,50);
            padding-left: 6.5%;
            .pxToRem(letter-spacing,10);
            background:#fff url(../images/sou1.png) no-repeat 1% center;
            .pxToRem(background-size,45);
        }
    }
    .gzmc1{
        a{
            text-decoration: none;
            width: 100%;
            .pxToRem(height,262);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            border-bottom: 1px solid #e7e7e7;
            .lifb{
                .pxToRem(width,235);
                text-align: center;
                img{
                    .pxToRem(width,120);
                }
            }
            .gzmc_center{
                flex: 1;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                color: #9c9e9c;
                .h3b{
                    .pxToRem(font-size,47);
                    .pxToRem(margin-bottom,20);
                    color: #3a3a3a;
                    .pxToRem(letter-spacing,10);
                }
                .g_bm{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    span{
                        .pxToRem(width,480);
                        .pxToRem(font-size,35);
                        .pxToRem(letter-spacing,12);
                        white-space:nowrap;
                        overflow:hidden;
                        text-overflow:ellipsis;
                    }
                }
            }
            .gzmc_right{
                .pxToRem(width,285);
                text-align: center;
                .pxToRem(margin-top,-130);
                .qiana{
                    color:#888888;
                    .pxToRem(font-size,40);
                }
                .danw{
                    color: #888888;
                    .pxToRem(font-size,38);
                }
            }
        }
    }
    .gzmc2{
        a{
            text-decoration: none;
            width: 100%;
            .pxToRem(height,262);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            border-bottom: 1px solid #e7e7e7;
            .zuo{
                .pxToRem(width,235);
                text-align: center;
                img{
                    .pxToRem(width,120);
                }
            }
            .zhong{
                flex: 1;
                text-align: left;
                color: #9c9e9c; 
                .pxToRem(font-size,50);
            }
        }        
    }
}
#footer{
    position:fixed;
    bottom:0;
    left:0;
    background: #fff;
    width: 100%;
    border-top:3px solid #e7e3da;
    display: flex;
    justify-content: center;
    align-items:center;
    .pxToRem(height,125);
    z-index: 999;
    .fordi{
        flex:1;
        display: flex;
        justify-content:center;
        flex-direction:column;
        align-items:center;
        text-decoration: none;
        color: #FF893D;
        span{
            .pxToRem(font-size,60);
        }
    }
}
